<template>
	<div class='content' id="salary" style="padding-top: 0">
		<div class="profile_page">
			<head-top :go-back='goBack' :head-title="profiletitle"></head-top>
		</div>
		<!-- <div style="height: 100%;padding-top: 100px;">
			<van-tabs v-model="activeName" type="card" color="#1989fa">
				<van-tab title="人员详细信息" name="a">
					<myInfo v-if="activeName=='a'" />
				</van-tab>
				<van-tab title="人员考勤信息" name="b">
				
				</van-tab>
			</van-tabs>
		</div> -->
		<div style="height: calc(100vh - 50px);overflow: auto;">
				<myInfo v-if="active==0"/>
				<attendance v-if="active==1"/>
		</div>
		<van-tabbar v-model="active" active-color="#007aff"  inactive-color="#000">
			<van-tabbar-item >人员详细信息</van-tabbar-item>
			<van-tabbar-item >人员考勤信息</van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<script>
	import headTop from '@/components/header/head';
	import myInfo from "../myInfo/myInfo";
	import attendance from "../attendance/attendance";
	// import HistoryList from "./businessTabs/historyList";
	import {
		managerOrgs
	} from '@/service/getData';
	import {
		getStore
	} from '@/assets/config/mUtils';
	import {
		Dialog,
		Toast
	} from 'vant';
	export default {
		data() {
			return {
				profiletitle: '经理自助',
				goBack: true,
				CHECK_TIME: new Date().getTime().toString(),
				app_userId: '',
				loading: false,
				finished: false,
				pageIndex: 0,
				offset: 0,
				columns: [],
				title: '选择机构',
				pickershow: false,
				active: 0
			}
		},
		created() {
			this.app_userId = getStore('user_id');
		},
		mounted() {

		},
		props: ['imgSrc', 'menuTitle'],
		components: {
			headTop,
			myInfo,
			attendance
		},
		methods: {
			onLoad() {
				var data = {};
				data.pageIndex = this.pageIndex;
				data.pageSize = 10;
				// 				myApplay(data).then(res => {
				// 					// 加载状态结束
				// 					this.loading = false;
				// 					this.offset = 10 * this.pageIndex;
				// 					if (this.remainData.length < res.data.total) {
				// 						this.remainData = this.remainData.concat(res.data.data);
				// 					} else {
				// 						this.finished = true;
				// 					}
				// 				});
				this.pageIndex += 1;
			},
			onConfirm() {

			},
			onCancel() {

			},
		}
	}
</script>
<style lang="scss" scoped>
    @import '../../assets/style/mixin';
    @import '../../assets/style/public';
	.borderLine {
		border-left: 2px solid #5082d8;
		margin-right: 6px;
	}

	.lineTetx {
		color: #333;
	}

	.list {
		display: flex;
		width: 100%;
		align-items: center;
		background: #fff;

	}

	.personList {
		margin-top: 10px;
	}

	.list img {
		width: 1.4rem;
		height: 1.4rem;
		padding: 0.3rem 1rem;

	}

	.list div p {
		font-size: .4rem;
		color: #333;
		margin: 0;
		line-height: 0.8rem;
	}

	.list div p:nth-of-type(1) {
		font-size: .5rem;
		font-weight: bold;
		color: #5082d8;
	}
</style>
